#magcik_ad_bottom_bar{


    .bottom-bar-box {
        display: block;
        width: 100% !important;
        height: auto;
        bottom: 0px;
        clear: none !important;
        float: none !important;
        left: 0px;
        margin: 0px !important;
        max-height: none !important;
        max-width: none !important;
        opacity: 1;
        overflow: visible !important;
        padding: 0px !important;
        position: fixed;
        right: auto !important;
        top: auto !important;
        visibility: visible !important;
        z-index: 2147483647;
        background: rgb(250, 250, 250) !important;

        /*核心内容框动画*/
        animation: BarBoxA 0.1s;

        display: flex;
        justify-content: center;
        /*align-items: center;
            */
        line-height: 38px;

    }

    





.bottom-bar-content {
    max-width: 720px;
    max-height: 90px;
    margin: 0 auto;

    display: table-cell;
    vertical-align: middle;
}



/*按钮动画*/
.ad-bar-button {
    bottom: 10px;
    position: fixed;
    animation: BottomBarButton 0.1s;
    padding: 5px 15px;
    cursor: pointer;
    left: 0px;
    border: 0px;

}

@keyframes BottomBarButton {
    from {
        bottom: 70px;
        padding: 10px 20px;
    }

    to {
        bottom: 10px;
        padding: 5px 15px;
    }
}

.ad-bar-actives {
    animation: adBarAc 0.1s;
    bottom: 80px;
    position: fixed;
    padding: 10px 20px;
    cursor: pointer;
    left: 0px;
    border: 0px;

}

@keyframes adBarAc {
    from {
        bottom: 10px;
        padding: 5px 15px;
    }

    to {
        bottom: 70px;
        padding: 10px 20px;
    }
}



@keyframes BarBoxA {
    from {
        height: 0px;
    }

    to {
        height: 70px;
    }
}

.ad-bar-fade-enter-from {
    height: 0px;
}

.ad-bar-fade-enter-active {
    transition: all 0.1s ease;
}

.ad-bar-fade-enter-to {
    height: 70px;
}

.ad-bar-fade-leave-from {
    height: 70px;
}

.ad-bar-fade-leave-active {
    transition: all 0.1s ease;
}

.ad-bar-fade-leave-to {
    height: 0px;
}

/*广告内容样式*/

.bottom-bar-content img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
    border: 0;
    /*vertical-align: baseline;*/
}
}

/*移动端优化样式*/
@media screen and (min-width: 768px) {

    .ad-bar-actives {
        bottom: 90px
    }

    @keyframes BottomBarButton {
        from {
            bottom: 90px;
        }

        to {
            bottom: 10px;
        }
    }

    @keyframes adBarAc {
        from {
            bottom: 10px;
        }

        to {
            bottom: 90px;
        }
    }

    @keyframes BarBoxA {
        from {
            height: 0px;
        }

        to {
            height: 90px;
        }
    }

    .ad-bar-fade-enter-to {
        height: 90px;
    }

    .ad-bar-fade-leave-from {
        height: 90px;
    }

}